<template> <v-app-bar absolute density="comfortable" scroll-behavior="fade-image " :elevation="24" rounded app
        :collapse=false floating> <v-container fluid> <v-tabs align-tabs="center"> <v-tab>首页</v-tab> <v-tab>山花</v-tab>
                <v-tab>关于我们</v-tab> </v-tabs> </v-container> <v-btn icon> <v-icon>mdi:mdi-magnify</v-icon> </v-btn>
        <!-- 其它按钮 --> <v-btn icon> <v-icon>mdi:mdi-heart</v-icon> </v-btn> <v-btn icon>
            <v-icon>mdi:mdi-account-circle</v-icon> </v-btn> </v-app-bar> </template>
<script lang='ts' setup name="AppBar"></script>



<!-- <template> <v-app>
        <Navigation app></Navigation> <v-main>
            <AppBar></AppBar>
            <RouterView></RouterView>
        </v-main>
    </v-app></template>
<script
    lang="ts">    import Navigation from "@/components/navigation/Navigation.vue"import { RouterView } from "vue-router";</script> -->